<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <title>album</title>

</head>
<script>
	function m(f){
		var obj = document.getElementById("photo");
		obj.src = f.src;
	}
</script>

<body>
  <img src="" width="300px" height="400px" id="photo">
  <p/>
  <img src="../images/luffy2.png" width="100px" onmouseover="m(this)">
  <img src="../images/sohye.png" width="100px" onmouseover="m(this)">
  <img src="../images/so.jpg" width="100px" onmouseover="m(this)">
  <img src="../images/so2.jpg" width="100px" onmouseover="m(this)">
</body>
</html>
